<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>费项管理</title>
    <link href="src/libs/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet" >
    <link href="src/css/pt-main.css" rel="stylesheet" >
    <link rel="stylesheet" href="src/css/reset.css">
    <link rel="stylesheet" href="src/css/manage.css">
    <script src="src/libs/jquery/jquery-1.11.3.min.js"></script>
    <!-- 1 bootstrap基础js -->
    <script src="src/libs/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="src/js/manage.js"></script>
</head>
<body>
    <div class="pt-page">
        <!-- 头部条 -->
        <div class="pt-topbar">
            <!--左侧系统名称-->
            <div class="pt-fl pt-system-info" >
                <div class="pt-logo pt-fl"><img src="src/images/LOGO@2x.png" alt=""></div>
                <div class="pt-slogen pt-fr">天津市港口统一收费服务平台</div>
            </div>
            <!--右侧用户信息-->
            <div class="pt-fr pt-user-info">
                <div class="pt-logout pt-fr">退出</div>
                <div class="pt-settings pt-fr">设置</div>
                <!--用户头像姓名-->
                <div class="pt-user pt-fr">
                    <div class="pt-avatar pt-fl"><img src="src/images/defaultAvatar@2x.png" alt=""></div>
                    <div class="pt-name pt-fl">用户名AB</div>
                </div>
            </div>
        </div>
        <!-- 头部条  结束 -->
        <!--页面中间主体部分-->
        <div class="pt-root-container">
            <!--左侧菜单-->
            <div class="pt-nav pt-open">
                <!--头部点击条-->
                <div class="pt-bar" id="pt-bar"><img src="src/images/Group15.png" alt=""></div>
                <!--菜单列表-->
                <div class="pt-menu">
                    <ul>
                        <!--cell-->
                        <li class="pt-menu-list pt-menu-selected">
                            <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span>
                            <h3 class="pt-menu-title"><a href="#">统一收费门户与移动应用</a></h3>
                        </li>
                        <!--cell-->
                        <li class="pt-menu-list">
                            <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span>
                            <h3 class="pt-menu-title"><a href="#">费用交纳子系统</a></h3>
                        </li>
                        <!--cell-->
                        <li class="pt-menu-list pt-menu-open" >
                            <!--一级菜单-->
                            <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span>
                            <h3 class="pt-menu-title"><a href="javascript:;">统一收费门户与移动应用</a></h3>
                            <!--二级菜单列表-->
                            <ul class="pt-second-menu">
                                <!--cell-->
                                <li class="pt-menu-child">
                                    <span class="glyphicon  glyphicon-th-large" aria-hidden="true"></span>
                                    <h3 class="pt-menu-title"><a href="#">费项管理1</a></h3>
                                </li>
                                <!--cell-->
                                <li class="pt-menu-child pt-menu-selected">
                                    <span class="glyphicon  glyphicon-th-large" aria-hidden="true"></span>
                                    <h3 class="pt-menu-title"><a href="#">费项管理2</a></h3>
                                </li>
                                <!--cell-->
                                <li class="pt-menu-child">
                                    <span class="glyphicon  glyphicon-th-large" aria-hidden="true"></span>
                                    <h3 class="pt-menu-title"><a href="#">费项管理3</a></h3>
                                </li>
                            </ul>
                        </li>
                        <!--cell-->
                        <li class="pt-menu-list">
                            <!--一级菜单-->
                            <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span>
                            <h3 class="pt-menu-title"><a href="javascript:;">全港通行子系统</a></h3>
                            <!--二级菜单列表-->
                            <ul class="pt-second-menu">
                                <!--cell-->
                                <li class="pt-menu-child">
                                    <span class="glyphicon  glyphicon-th-large" aria-hidden="true"></span>
                                    <h3 class="pt-menu-title"><a href="#">子菜单1</a></h3>
                                </li>
                                <!--cell-->
                                <li class="pt-menu-child">
                                    <span class="glyphicon  glyphicon-th-large" aria-hidden="true"></span>
                                    <h3 class="pt-menu-title"><a href="#">子菜单2</a></h3>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!--左侧菜单 结束-->

            <!--主视口 -->
            <div class="pt-view pt-open manage-wrap">
                <!--数据-->
                <div class="manage-title">数据</div>
                <div class="manage-data-wrap">
                    <!--收缴费业务跟踪-->
                    <div class="manage-data-bussiness manage-data-wrap-item">
                        <div class="manage-data-title">收缴费业务跟踪</div>
                        <div class="manage-data-list">
                            <div class="manage-data-item">
                                <div class="manage-data-number">
                                    <span class="fs36">10</span>个
                                </div>
                                <div class="mange-data-content">本月办理中清单数量</div>
                            </div>

                            <div class="manage-data-item">
                                <div class="manage-data-number">
                                    <span class="fs36">5</span>个
                                </div>
                                <div class="mange-data-content">本月已办理清单数量</div>
                            </div>

                            <div class="manage-data-item">
                                <div class="manage-data-number">
                                    <span class="fs36">10</span>个
                                </div>
                                <div class="mange-data-content">
                                    本月总计清单数量</div>
                            </div>
                        </div>
                    </div>

                    <!--账户信息-->
                    <div class="manage-data-account manage-data-wrap-item">
                        <div class="manage-data-title">账户信息</div>
                        <div class="manage-data-list">
                            <div class="manage-data-item">
                                <div class="manage-data-number">
                                    <span class="fs36">10</span>个
                                </div>
                                <div class="mange-data-content">账户余额</div>
                            </div>
                        </div>
                    </div>

                    <!--作业放行情况-->
                    <div class="manage-data-task manage-data-wrap-item">
                        <div class="manage-data-title">作业放行情况</div>
                        <div class="manage-data-list">
                            <div class="manage-data-item">
                                <div class="manage-data-number">
                                    <span class="fs36">10</span>个
                                </div>
                                <div class="mange-data-content">本月未放行货物数量</div>
                            </div>

                            <div class="manage-data-item">
                                <div class="manage-data-number">
                                    <span class="fs36">5</span>个
                                </div>
                                <div class="mange-data-content">本月已经行
                                    货物数量</div>
                            </div>

                            <div class="manage-data-item">
                                <div class="manage-data-number">
                                    <span class="fs36">10</span>个
                                </div>
                                <div class="mange-data-content">本月总计货
                                    物数量</div>
                            </div>
                        </div>
                    </div>

                    <!--缴费情况-->
                    <div class="manage-data-pay manage-data-wrap-item">
                        <div class="manage-data-title">缴费情况</div>
                        <div class="manage-data-list">
                            <div class="manage-data-item">
                                <div class="manage-data-number">
                                    <span class="fs36">10</span>万
                                </div>
                                <div class="mange-data-content">本月已收
                                    金额</div>
                            </div>

                            <div class="manage-data-item">
                                <div class="manage-data-number">
                                    <span class="fs36">5</span>万
                                </div>
                                <div class="mange-data-content">本月已缴
                                    金额</div>
                            </div>

                            <div class="manage-data-item">
                                <div class="manage-data-number">
                                    <span class="fs36">10</span>万
                                </div>
                                <div class="mange-data-content">本月待收金额</div>
                            </div>

                            <div class="manage-data-item">
                                <div class="manage-data-number">
                                    <span class="fs36">10</span>万
                                </div>
                                <div class="mange-data-content">本月待缴
                                    金额</div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--echeats-->
                <div class="manage-company">
                    <!--企业收缴费情况趋势-->
                    <div class="manage-company-pay manage-company-item">
                        <div class="manage-title">企业收缴费情况趋势</div>
                        <div class="manage-company-content">

                        </div>
                    </div>
                    <!--企业业务办理情况-->
                    <div class="manage-company-business manage-company-item">
                        <div class="manage-title">企业收缴费情况趋势</div>
                        <div class="manage-company-content">

                        </div>
                    </div>
                </div>

                <!--最新评价-->
                 <div class="manage-evaluate">
                     <div class="manage-title">最新评价</div>
                     <div class="manage-evaluate-wrap">
                         <div class="manage-evaluate-table">
                             <div class="manage-evaluate-tr">
                                 <div class="manage-evaluate-star">
                                     <!--实心五角星-->
                                     <span class="glyphicon glyphicon-star manage-evaluate-icon" ></span>
                                     <!--空心五角星-->
                                     <span class="glyphicon glyphicon-star-empty manage-evaluate-icon" ></span>
                                     <span class="glyphicon glyphicon-star manage-evaluate-icon" ></span>
                                     <span class="glyphicon glyphicon-star manage-evaluate-icon" ></span>
                                     <span class="glyphicon glyphicon-star manage-evaluate-icon" ></span>
                                 </div>
                                 <div class="line">|</div>
                                 <div class="manage-evaluate-tr-content">XXX企业：服务态度好，速度好，老板热情。XXX企业：服务态度好，速度好，老板热情。XXX企业：服务态度好，速度好，老板热情。XXX企业：服务态度好，速度好，老板热情。</div>
                                 <div class="line">|</div>
                                 <div class="time">2018-01-19 19:00</div>
                             </div>
                         </div>
                     </div>
                 </div>
            </div>
        </div>
        <!--公共底部-->
        <div class="pt-footer">
            <div class="pt-p">版权归属 @ 天津市港口统一管理中心 CopyRight 2018 技术支持电话：400-888-5678</div>
        </div>
    </div>
</body>
</html>